<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>CSS</title>
    <style>
    /* * {
        color: #E53935;
    }
    .box {
        background-color: #eeeeee;
    }
    .box:nth-child(2) {
        color: #D81B60;
    } */
    div p {
    color: #1E88E5;
}
p {
    color: #8E24AA;
}
/* .title {
    color: #43A047;
}
#name2 {
    color: #3949AB;
}
    #name, #name1, #name2, #name3 {
        color: #FFB300;
    }
    #name::first-letter {
        color: #8E24AA;
    } */
    </style>
</head>
<body>
    <div class="box">
        <p id="name" class="title">第1个p</p>
        <!-- <p id="name1" class="title">第2个p</p>
        <p id="name2" class="title">第3个p</p>
        <p id="name3" class="title" style="color: #263238">第4个p</p> -->
    </div>
</body>
</html>